<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Login</title>
        <link rel="icon" href="<?=base_url()?>assets/img/logo-ico.png" type="image/x-icon" />
        <link href="<?=base_url()?>assets/css/reset.css" rel="stylesheet" type="text/css" />
        <style type="text/css">
            body{
                font-family:Arial;
                font-size:13px;
                color: #222;
                background: #F9F7ED;
                text-align: center;
            }
            #wrap{
                margin: 0 auto;
                width: 280px;                
                border:8px solid #D9DCBF;
                background: #EAEBDB;
                padding: 10px;
                margin-top: 70px;
                text-align: left;
            }
            #wrap h1{
                font-family:Georgia,Times,"Times New Roman",serif;
                font-weight:normal;
                margin-bottom:15px;
                text-shadow:1px 1px 1px #FFFFFF;
                color:#444444;
                letter-spacing:-0.03em;
                padding-top: 15px;
            }
            #wrap .inputbox{
                border-color:#DEDEDE;
                border-style:solid;
                border-width:1px 1px 1px 3px;
                color:#444444;
                font-family:Georgia,"Times New Roman",Times,serif;
                font-size:18px;
                margin-top:2px;
                padding:3px;
                width:270px;
                background:url(<?=base_url()?>assets/img/backgrounds/bg_input.gif) repeat-x scroll 0 0 #FFFFFF;
                text-indent:7px;
            }
            #errors{
                padding: 5px;
                background: #B02B2C;
                margin: 5px 0px;
                color: #fefefe;
            }
            .pad-bottom{
                margin-bottom: 10px;
            }
        </style>
        <script src="<?=base_url()?>/assets/js/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $('.inputbox').live('focus',function(){
                $(this).css({
                    'border-color':'#aaa',
                    'border-left-color':'#73880A'
                });
            });

            $('.inputbox').live('blur',function(){
                $(this).css({
                    'border-color':'',
                    'border-left-color':''
                });
            }); 
        </script>
    </head>

    <body>
        <div id="wrap">
            <h1 style="font-size: 26px; margin-bottom: 22px; line-height: 22px; text-align: left; letter-spacing: -0.06em;">Excursions & Tours Login</h1>
            <?if(isset($error)):?>
            <div style="border: 1px solid #dedede; background: #B02B2C; color: #fefefe; margin-bottom: 5px; padding: 8px 10px;"><?=$message?></div>
            <?endif;?>
            <form action="<?=site_url()?>login/submit_login" method="post">
                <label>
                    E-mail:<br />
                    <input name="email" id="email" value="" type="text" class="inputbox pad-bottom" />
                </label>
                <label>
                    Password:<br />
                    <input name="password" id="password" value="" type="password" class="inputbox pad-bottom" />
                </label>
                <label style="float: right;">
                    <input type="submit" value="Login" class="btn pad-bottom" />
                </label>
                <div style="clear: both;" class="pad-bottom"></div>
            </form>
        </div>
    </body>
</html>